<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="yes" name="apple-touch-fullscreen" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<link rel="stylesheet" href="../../../common/css/common.css" />
		<link rel="stylesheet" href="../../../common/css/iconfont.css" />
		<link rel="stylesheet" href="../../../common/css/swiper-3.3.1.min.css"/>
		<link rel="stylesheet" href="../../css/classifyProdurctList.css" />
		<script src="../../../common/js/flexible.debug.js"></script>
		<title>生活邦荟</title>
	</head>
	<body class="index">
		<!--大的加载中-->
		<div class="loading_container">
			<div id="fountainG">
				<div id="fountainG_1" class="fountainG"></div>
				<div id="fountainG_2" class="fountainG"></div>
				<div id="fountainG_3" class="fountainG"></div>
				<div id="fountainG_4" class="fountainG"></div>
				<div id="fountainG_5" class="fountainG"></div>
				<div id="fountainG_6" class="fountainG"></div>
				<div id="fountainG_7" class="fountainG"></div>
				<div id="fountainG_8" class="fountainG"></div>
			</div>
		</div>
		<!--头部-->
		<div class="header-container">
			<header class="myheader orange">
				<i class="iconfont back" pos="left">&#xe619;</i>
				<h1 class="header-h1">
					<span class="title">
						<span>商品分类</span>
					</span>
				</h1>
			</header>
		</div>
		<!--activity-->
		<div class="activity-contianer">
			<div class="absolute2fix-container">
				<!--分类-->
				<div class="type-swiper horizontal-swiper">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<a class="">
								<span class="active">热销</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>推荐</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>美妆</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>男士</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>女装</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>鞋包</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>运动</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>居家</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>母婴</span>
							</a>
						</li>
						<li class="swiper-slide">
							<a class="">
								<span>啊啊啊</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--产品-->
		<div class="item-contianer mycontainer">
			<!--活动产品 比较特殊的都是有注释的 没有注释的是通用的 如果再增加特殊的样式找gjq-->
			<div class="item_list">
				<h4 class="f14">热销</h4>
				<!--不知道哪个活动的样板-->
				<div class="product" id="product1">
					<div class="block">
						<div class="share-awards">
							<span>分享消费奖</span>
							<span class="f14">5%</span>
						</div>
						<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
						<div class="info">
							<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
							<p>
							</p>
							<p class="clearfloat">
								<span class="price">111.0</span>
								<del>111元</del>
								<!--点击加入购物车，颜色改变-->
								<span class="floatRight"><i class="iconfont f18 buyIt active">&#xe663;</i></span>
							</p>
						</div>
					</div>
				</div>
				<!--拼团活动商品样板-->
				<div class="product" id="product2">
					<span class="group">2人团</span>
					<div class="block">
						<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
						<div class="info">
							<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
							<p>
							</p>
							<p class="clearfloat">
								<span class="price">111.0</span>
								<del>222.0元</del>
								<span class="btn joinGroup floatRight">去开团<i class="iconfont f12">&#xe61a;</i></span>
							</p>
						</div>
					</div>
				</div>
				<!--下面的都是通用的，占格子，看清楚，就算是第二行没有内容P标签还是要有的 用来占格子-->
				<div class="product" id="product3">
					<div class="block">
						<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
						<div class="info">
							<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
							<p></p>
							<p class="clearfloat">
								<span class="price">111.0</span>
								<span class="floatRight"><i class="iconfont f18 buyIt">&#xe663;</i></span>
							</p>
						</div>
					</div>
				</div>
			</div>
			<!--活动产品 比较特殊的都是有注释的 没有注释的是通用的 如果再增加特殊的样式找gjq-->
			<div class="item_list">
				<h4 class="f14">热销</h4>
				<!--不知道哪个活动的样板-->
				<div class="product" id="product1">
					<div class="block">
						<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
						<div class="info">
							<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
							<p>
								<span class="floatLeft">复购返点<span class="pencertage">2%</span></span>
								<span class="floatRight">推广送佣<span class="pencertage">5%</span></span>
							</p>
							<p class="clearfloat">
								<span class="price">111.0</span>
								<del>111元</del>
								<!--点击加入购物车，颜色改变-->
								<span class="floatRight"><i class="iconfont f18 buyIt active">&#xe663;</i></span>
							</p>
						</div>
					</div>
				</div>
				<!--拼团活动商品样板-->
				<div class="product" id="product2">
					<span class="group">2人团</span>
					<div class="block">
						<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
						<div class="info">
							<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
							<p>
							</p>
							<p class="clearfloat">
								<span class="price">111.0</span>
								<del>222.0元</del>
								<span class="btn joinGroup floatRight">去开团<i class="iconfont f12">&#xe61a;</i></span>
							</p>
						</div>
					</div>
				</div>
				<!--下面的都是通用的，占格子，看清楚，就算是第二行没有内容P标签还是要有的 用来占格子-->
				<div class="product" id="product3">
					<div class="block">
						<img class="item_img lazy" data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
						<div class="info">
							<p class="name text-2">我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品我是物品</p>
							<p></p>
							<p class="clearfloat">
								<span class="price">111.0</span>
								<span class="floatRight"><i class="iconfont f18 buyIt">&#xe663;</i></span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--尾部-->
		<footer class="myfooter">
			<a href="../platform/plaformIndex.html"><i class="iconfont">&#xe60d;</i><p>首页</p></a>
			<a href="../retail/cart.html" class="footer_cart"><i class="iconfont">&#xe601;</i><p>购物车</p><span class="footer_cart_num">1</span></a>
			<a href="../personalCenter/personal.html"><i class="iconfont">&#xe60b;</i><p>个人中心</p></a>
		</footer>
	</body>
	<script src="../../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../../common/js/baidu_touch.js"></script>
	<script src="../../../common/js/swiper-3.3.1.jquery.min.js"></script>
	<script src="../../../common/js/common.js"></script>
	<script src="../../js/classifyProdurctList.js"></script>
</html>
